@font-face {
    font-family: BASE;
    src: local("BlinkMacSystemFont"), local("Helvetica Neue"),
        local("PingFang SC"), local("Source Han Sans SC"),
        local("Microsoft YaHei"), local("Noto Sans CJK SC"),
        local("WenQuanYi Micro Hei"), local("sans-serif");
}
html {
    min-width: 1200px;
    overflow-x: auto;
}
#app {
    font-size: 14px !important ;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.global-loading {
    text-align: center;
}
.global-loading img {
    padding-top: 15%;
    padding-bottom: 20%;
}

/* reset css */
body,
span,
div,
i,
b,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
select,
option,
textarea {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
    font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: normal;
}
address,
cite,
dfn,
em,
i,
optgroup,
var {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}
caption,
th {
    text-align: inherit;
}
ul,
ol,
menu {
    list-style: none;
}
fieldset,
img {
    border: 0;
}

aside,
footer,
header,
section,
nav,
figure,
figcaption,
hgroup,
details,
menu {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "\0020";
}
textarea {
    overflow: auto;
    resize: vertical;
}
input,
textarea,
button,
select,
a {
    outline: 0 none;
    border: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
mark {
    background-color: transparent;
}
a,
ins,
s,
u,
del {
    text-decoration: none;
}
sup,
sub {
    vertical-align: baseline;
}
html {
    /*overflow-x: hidden;*/
    height: 100%;
    font-size: 50px;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica,
        sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1;
    -webkit-text-size-adjust: none;
}
hr {
    height: 0.02rem;
    margin: 0.1rem 0;
    border: medium none;
    border-top: 0.02rem solid #cacaca;
}
a {
    color: #25a4bb;
    text-decoration: none;
}

.zen_w-1200 {
    width: 1200px;
}

.zen_bg-gray {
    background-color: #f2f2f2;
}
.zen_bd-1-gray {
    border: 1px solid #c7c7c7;
}
.zen_c-a {
    cursor: auto;
}
.zen_of-y-a {
    overflow-y: auto;
}
.main-color {
    color: #28b2f7;
}
.zen_hover-wrap .zen_hover-show {
    display: none;
}
.zen_hover-wrap:hover .zen_hover-show {
    display: block;
}
/*middle and center use:defined width and height*/
.zen_m-c {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /*width: 300px;
    height: 300px;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.HintList-list:hover,
.HintList-list-active {
    background-color: #ebfbff;
    /*color: #fff;*/
}
.input-no-border-bottom {
    border-radius: 4px 4px 0px 0px !important;
}
.r-img-viewer {
    background-color: rgba(145, 145, 145, 0) !important;
    height: 605px !important;
    overflow: hidden !important;
}
.r-img-viewer .zenModal-header {
    border-bottom: none;
    padding: 16px 18px;
    color: white;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
}
.zen_c {
    cursor: pointer;
}
@media (max-width: 960px) {
    div#reactRoot {
        min-width: 1200px;
        overflow-x: auto;
    }
}
.content-wrap {
    min-height: 500px;
}
.zen_m-l-130 {
    margin-left: 1.20371rem;
}
.zen_m-l-p60 {
    margin-left: 60%;
}

.zen_m-l-p70 {
    margin-left: 70%;
}
.main-content-wrap {
    min-height: 360px;
}
.error-page-wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 18px 20px;
}
.error-page-wrap .cart-not-found-pro {
    height: 450px;
    padding-top: 130px;
}

.zen_w-1200 {
    width: 1200px;
}
.zen_scroll-y-n {
    overflow-y: scroll !important;
    max-height: 250px;
    scrollbar-width: none;
}
.zen_scroll-y-n::-webkit-scrollbar {
    display: none;
}

.zen_m-w-p70 {
    max-width: 70%;
}
.zen_m-w-p80 {
    max-width: 80%;
}
.zem_m-w-130 {
    max-width: 130px;
}
